html,
body,
div,
ul,
li,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
.text-uppercase {
text-transform: uppercase;
}
body {
color: #666;
font-size: 14px;
}
a:hover {
text-decoration: none;
}
h2{
font-size: 18px;
color: #333;
}
.navbar {
margin-bottom: 0;
}
.navbar-nav>li {
margin: 18px 30px;
}
.tit{
margin-bottom: 3%;
}
.tit h2 span{
color: #666;
font-size: 14px;
}
.series,
.sy-about,.sy-video,
.sy-product,
.you,.case,.hezuo{
margin-top: 50px;
}
.ser-img {
position: relative;
overflow: hidden;
}
.ser-img img {
transition: all 0.3s;
}
.ser-img:hover img {
transform: scale(1.4, 1.4);
}
.ser-text {
border-bottom: 5px solid #e3e3e3;
transition: all ease-in-out 0.5s;
padding-bottom: 10px;
margin-top: 5%;
}
.ser-text:hover {
border-bottom: 5px solid #d4000e;
}
.ser-text h2 {
color: #0273c9;
transition: all ease-in-out 0.5s;
font-weight: normal;
}
.ser-text h2 i {
padding-left: 20px;
font-size: 18px;
}
.ser-text p {
overflow: hidden;
line-height: 46px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
/*想çœç•¥å‡ è¡Œå°±å†™å‡ */
-webkit-box-orient: vertical;
color: #666;
}
.ser-text:hover h2 {
color: #d4000e;
}
.sy-about1{
background: url(../styles/images/aimg.jpg) no-repeat center top;
width: 100%;
min-height: 416px;
padding: 3%;
}
.about{
background: #fff;
padding: 10% 15%;
}
.about p{
margin-top: 8%;
margin-bottom: 8%;
line-height: 24px;
text-indent: 2rem;
}
.vid p{
padding:5% 6%;
}
.snews{
margin-top: 5%;
margin-bottom: 5%;
}
.sy-news .date-time {
display: block;
font-weight: 300;
width: 74px;
height: 74px;
color: #999;
text-align: center;
border-right: 1px solid #e6e6e6;
}
.sy-news .date-time > span.big{
font-size: 36px;
color: #de2726;
line-height: 44px;
}
.media{ margin-bottom: 10px; padding: 12px; border:1px solid #f2f2f2; transition: background 1s; }
.media:hover{ background:#446fb5;color: #fff; }
h3.media-heading{ margin-top: 0px; }
.media:hover h3.media-heading a, .media:hover .date-time, .media:hover .date-time > span.big, .media:hover p.des{color: #fff;}
h3.media-heading a{ color: #333;font-size: 16px; }
p.des{
color: #999;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-height: 24px;
height: 72px;
-webkit-box-orient: vertical;
}
.media-left, .media>.pull-left {
padding-right: 20px;
}
.media-body, .media-left, .media-right {
display: table-cell;
vertical-align: top;
}
.ntit{
margin-bottom: 6%;
}
.zuo h3{
margin-top: 4%;
margin-bottom: 2%;
color: #333;
}
.zuo p{
color: #999999;
}
.cinfo{
padding:10% 0 0 10%;
line-height:36px;
font-size: 18px;
color:#333;
}
.cinfo img{
margin-top: 6%;}
.bottom{
background: #005094;
color: #cccccc;
padding: 3% 0;
}
.sit{ border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.sit h2{ font-size: 30px;color: #333; padding-bottom: 15px; position: relative; margin-bottom: 0;}
.sit img{ border: 1px solid #ddd; }
.sit h2 span{ color: #666; }
.sit h2:after{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -1px;
content: "";
width: 50px;
height: 3px;
background:#cb0d27;
}
.ny-about{
margin-top: 4%;
margin-bottom: 4%;
line-height: 28px;
}
.pager-loose {
display: inline-block;
}
.nav_pro_t {
padding: 24px 20px;
background: #005094;
text-align: left;}
.nav_pro_t h2{
color: #fff !important; font-weight: bold;}
#openclos {
display: block;
line-height: 40px;
font-size: 18px;
margin-bottom: 0;
color: #fff;
text-align: center;
background-color: #007bff;
}
.pro-list .row>div{}
a.pro{position:relative;display:inline-block;overflow:hidden;border: 1px solid #ddd;}
a.pro img{transition:all ease-in-out .3s; }
a.pro:hover img{transform:scale(1.2,1.2);}
span.bg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;}
a.pro:hover span.bg{opacity:1;}
.pro-list span.icon{position:absolute;top:-100%;left:50%;display:block;transition:.3s;transform:translate(-50%,0);}
a.pro:hover span.icon{top:50%;left:50%;transform:translate(-50%,-50%);}
.pro-text{overflow:hidden;text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:36px;}
.ny-tit h1{color:#333;}
.ny_info{margin-bottom:50px;line-height:27px;}
.text-indent{text-indent:2em;}
.ny-content{min-height:300px; margin-bottom: 50px;}
.ny-content p{line-height: 28px;color: #666;}
.ny-images a{margin-bottom: 20px;display: block;}
.media-news{padding: 20px 15px;min-height: 220px;border-radius: 6px;box-shadow: #ddd 5px 5px 30px;margin-bottom: 20px;transition:all 0.3s ease-in-out;}
.media-news h3{color: #333;}
.media-news h3 i{ padding-right: 10px; }
.media-news h6{line-height: 24px;color: #666;margin: 20px 0;max-height: 72px;white-space:normal;}
.media-news a{display: inline-block;color: #fff;background: #005094;border-radius: 6px;padding: 5px 15px;}
.media-news:hover{transform: translateY(-10px)}
.shownews-t{border-bottom:1px solid #dfdfdf;padding-bottom: 10px;margin-bottom: 20px;}
.shownews-t h3{font-size: 22px;}
#map {
width: 100%;
height: 400px;
}
.tree-menu li span{
padding-right: 5px;
}
.media-news{padding: 20px 15px;min-height: 220px;border-radius: 6px;box-shadow: #ddd 5px 5px 30px;margin-bottom: 20px;transition:all 0.3s ease-in-out;}
.media-news h3{color: #333;}
.media-news h3 i{ padding-right: 10px; }
.media-news h6{line-height: 24px;color: #666;margin: 20px 0;max-height: 72px;white-space:normal;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;/*想省略几行就写几*/
-webkit-box-orient: vertical;}
.media-news a{display: inline-block;color: #fff;background: #005094;border-radius: 6px;padding: 5px 15px;}
.media-news:hover{transform: translateY(-10px)}
.shownews-t{border-bottom:1px solid #dfdfdf;padding-bottom: 10px;margin-bottom: 20px;}
.shownews-t h3{font-size: 22px;}
.pagination {
color: #666;
clear: both;
margin-top: 1em;
display: block;
margin: auto;
}
.pagination li {
display: inline-block;
}
.pagination a {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: -1px;
padding: 0 12px;
height: 32px;
line-height: 32px;
color: #3373a9;
border: 1px solid #ddd;
background: #fff;
text-decoration: none;
overflow: hidden;
}
.pagination li>span {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: -1px;
padding: 0 12px;
height: 32px;
line-height: 32px;
color: #3373a9;
border: 1px solid #ddd;
background: #fff;
text-decoration: none;
overflow: hidden;
}
.pagination li.active>span {
color: #ffffff;
background: #3373a9;
}
.pagination .prev::before {
font-family: "FontAwesome";
display: inline-block;
content: "\f104";
width: 10px;
height: 10px;
margin-right: 5px;
}
.pagination .next::after {
font-family: "FontAwesome";
display: inline-block;
content: "\f105";
width: 10px;
height: 10px;
margin-left: 5px;
}
.pagination a:not(.goto):hover {
background-color: #eee;
color:#3373a9;
}
.pagination a.cur,
.pagination a.cur:hover {
background-color: #3373a9;
color: #fff;
border-color: #3373a9;
margin-right: 1px
}
.pagination a.disabled {
background-color: #e6e6e6 !important;
color: #bbb !important;
cursor: no-drop
}
.pagination .prev {
border-radius: 5px 0 0 5px;
}
.pagination .next {
border-radius: 0 5px 5px 0;
}
.ny-news h3{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}